<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Reftest Reference</title>
		<!-- reftest for text-orientation-014.xht -->
		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
		<meta http-equiv="content-language" content="en" />		
		<style type="text/css">
				.view_ahem
				{
					background: pink;
					border: 1px solid black;
					color: blue;
					font: 20px/1 "Ahem";
					height: 3em;
					margin: 10px;        
					width: 3em;
					white-space: pre;
				}
				.control_ahem
				{
					writing-mode: horizontal-tb;
					-webkit-writing-mode: horizontal-tb;
				}
				.view 
				{
					border: 1px solid gray;
					font-size: 1.5em;
					line-height: 1.5;
					margin-bottom: 10px;
					width: 3em;
					writing-mode: vertical-rl;
					-webkit-writing-mode: vertical-rl;
				}
				.control 
				{
					text-combine-upright: none;
				}
		</style>
	</head>
	<body lang="en">
		<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
		<div class="view_ahem"><span class="control_ahem">7 1
 52
 63</span></div>
		<div class="view_ahem"><span class="control_ahem">7 1
 52
 63</span></div>
		<hr />
		<div class="view"><span class="control">123Abc<br />def456</span></div>
		<div class="view"><span class="control">123Abc<br />def456</span></div>
	</body>
</html>
